<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单控件</title>
	</head>
	<body>
		<h3>学生信息登记表</h3>
		<div>
			<p> 按钮<br/>
			<input type="button" value="按钮控件"/>
			</p>
			
			<p>复选框<br/>
			爱好:<input type="checkbox" value="读书"/>读书
			<input type="checkbox" value="打游戏"/>打游戏
			</p>
			
			<p>文本输入框<br/>
			<input type="text" value="" placeholder="请输入你的姓名"/>
			</p>
			
			<p>
				单选框<br/>
				用name属性对单选框进行编组<br/>
				三个转义字符:
				 <br/>
				 空格 &nbsp;<br/>
				 大于 &gt;<br/>
				 小于 &lt;<br/>
				 
				性别：<input type="radio" name ="sex"   value="男"/>       &lt;男&gt;
					<input type="radio"  name ="sex"  value="女"/>    &nbsp;&nbsp;女
				<br/>
				<br/>
				年级：<input type="radio" name="grade" value="一年级"/>一年级
				<input type="radio" name="grade" value="二年级"/>二年级
				<input type="radio" name="grade" value="二年级"/>二年级
					
				
				
			</p>
			<p>
				密码输入框<br/>
				密码：<input type="password"  /><br/>
				确认密码：<input type="password"  />
			</p>
			<p>
				文件选择框<br/>
				头像：<input type="file" />
			</p>
			<p>
				提交按钮<br/>
				<input type="submit" value="确定"/> <br/>
				取消按钮<br/>
				<input type="reset" value="取消"/>
			</p>
			<p>
				颜色选择框：<br/>
				<input type="color" value="#FFFFFF" />
			</p>
			<p>
				时间选择器:<br/>
				<input type="date" />
				<input type="datetime" />
				<input type="datetime-local" />
			</p>
			<p>
				邮件输入框：
				<input type="email"  value="xxxx@163.com" />
			</p>
			
			<p>
				<input type="image" value="登录" src="0029.png" />
				<input type="image" value="登录" src="0029.png" />
			</p>
			
			<p>下拉菜单：<br/>
				爱好：
				<select style="width:300px">
					<option value="打篮球">打篮球</option>
					<option value="打游戏">打游戏</option>
					<option value="旅游">旅游</option>
					<option value="读书">读书</option>
					<option value="看报纸">看报纸</option>
					<option value="美食">美食</option>
				</select>
				<br/>
				<br/>
				size 可以用来显示多行的下拉菜单<br/>
					爱好：
					<select style="width:300px" size=3>
						<option value="打篮球">打篮球</option>
						<option value="打游戏">打游戏</option>
						<option value="旅游">旅游</option>
						<option value="读书">读书</option>
						<option value="看报纸">看报纸</option>
						<option value="美食">美食</option>
					</select>
					<br/>
					<br/>
					multiple用于进行多选，让下拉菜单可以多选<br/>
						爱好：
						<select style="width:300px"  multiple="multiple" size=1>
							<option value="打篮球">打篮球</option>
							<option value="打游戏">打游戏</option>
							<option value="旅游">旅游</option>
							<option value="读书">读书</option>
							<option value="看报纸">看报纸</option>
							<option value="美食">美食</option>
						</select>
			</p>
			
			<p>多行文本:<br/> 
			rows="10" cols="30" 用于设置显示多少行和多少列
			<br/>
			<textarea rows="10" cols="30"></textarea>
			</p>
			
			
		</div>
		
		
		<hr/>
		<div>
		<p>姓名：<input type="button"></p>
			
		</div>
		
	</body>
</html>
